<template>
  <div>
    <!-- 订单详情 start -->
    <div class="smain">
        <div class="section-con">
            <!-- 确认收件地址 -->
            <div class="sec-title-border mb0 clearfix">
                <h3>确认收件地址</h3>
            </div>
            <div class="box">
                <span>寄送至</span>
                <p>广东省 中山市 石岐区街道 电子科技大学中山学院18栋720舍（李永权 收）18703490664 默认地址</p>
                <a href="#">修改本地址</a>
            </div>
            <!-- 产品详情 -->
            <div class="sec-title-border mb0 clearfix">
                <h3>产品详情</h3>
            </div>
            <div class="orderBox">
                <div class="orderC-table">
                    <table cellspacing="0" cellpadding="0" width="100%" class="orderC-tb">
                        <thead>
                            <tr>
                                <th width="60%">订单详情 </th>
                                <th width="20%">收件人</th>
                                <th width="20%">金额</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-left">
                                    <div class="order-gw clearfix">
                                        <div class="order-img"><img src="@/assets/upload/floor-2-1.png"></div>
                                        <div class="order-sum">
                                            <h2><a href="#">音络(INNOTRIK)全向麦克</a></h2>
                                            <div class="parameter">颜色：白色</div>
                                        </div>
                                    </div>
                                </td>
                                <td>陈某某</td>
                                <td><span class="noTel">总额</span><span class="priceD">￥800.00</span></td>
                            </tr>
                            <tr>
                                <td class="text-left">
                                    <div class="order-gw clearfix">
                                        <div class="order-img"><img src="@/assets/upload/floor-1-4.png"></div>
                                        <div class="order-sum">
                                            <h2><a href="#">ZOOM云视频会议室软件系</a></h2>
                                            <div class="parameter">颜色：红色</div>
                                        </div>
                                    </div>
                                </td>
                                <td>王某某</td>
                                <td><span class="noTel">总额</span><span class="priceD">￥120.00</span></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="orderC-total">
                        <div class="order-t">
                            <dl class="clearfix">
                                <dd class="dl_ddL">商品总额：</dd>
                                <dd class="dl_ddR">￥920.00</dd>
                            </dl>
                        </div>
                        <div class="order-fare">
                            <dl class="clearfix">
                                <dd class="dl_ddL">运费：</dd>
                                <dd class="dl_ddR">￥10.00</dd>
                            </dl>
                        </div>
                        <div class="order-sum">
                            <dl class="clearfix">
                                <dd class="dl_ddL">应付总额：</dd>
                                <dd class="dl_ddR"><span class="fontBig">￥930.00</span></dd>
                            </dl>
                        </div>
                    </div>
                    <div class="order-message">
                        <dl class="clearfix">
                            <dd class="dl_ddL">给卖家留言：</dd>
                            <dd class="dl_ddR"><textarea placehold="对本次交易补充说明" maxlength="85" class="textarea-gw"></textarea> <span>0/85</span></dd>
                        </dl>
                    </div>
                    <div class="clear"></div>
                    <div class="order-submit" ><router-link to="/cart" class="a_back">返回购物车修改</router-link> <a href="#" class="btn-red btn-submit" @click="opensuccess"><router-link to="/orderDetail" style="color:white" ><el-a>提交订单</el-a></router-link></a></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 产品详情 end -->
  </div>
</template>

<script>
export default {
    name : "Count",
    data(){
        return {

        }
    },
    methods : { 
        opensuccess() {
            this.$message({
              message: '提交成功',
              type: 'success'
            });
        },
    },
}


import "@/assets/css/base.css"
import "@/assets/css/common.css"
import "@/assets/css/refer.css"
</script>

<style>

</style>